@charset "utf-8";

/*reset start*/
* {
	word-wrap: break-word
}

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
	margin: 0;
	padding: 0
}

ul, ol, dl {
	list-style-type: none
}

html, body {
	*position: static
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal
}

input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

input, button {
	overflow: visible;
	vertical-align: middle;
	outline: none
}

body, th, td, button, input, select, textarea {
	font-family: "Microsoft Yahei", "Verdana", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
	font-size: 12px;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased
}

body {
	line-height: 1.6;
	background: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}

a, area {
	outline: none;
	blr: expression(this.onFocus=this.blur())
}

a {
	text-decoration: none;
	cursor: pointer
}

a:hover {
	text-decoration: underline;
	outline: none
}

a.ie6:hover {
	zoom: 1
}

a:focus {
	outline: none
}

a:hover, a:active {
	outline: none
}

:focus {
	outline: none
}

sub, sup {
	vertical-align: baseline
}
img {
	border: 0;
	vertical-align: middle
}

a img, img {
	-ms-interpolation-mode: bicubic
}

.cl:after, .clearfix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden
}

.cl, .clearfix {
	zoom: 1
}

.container, .wp {
	margin-left: auto;
	margin-right: auto;
	text-align: left
}

.wp {
	width: 1180px;
	position: relative;
}
/* reset end*/ 
/*head start*/
.head_container{
	background:#282828;
	padding:13px 0;
	.head_logo{
		float:left;
		a{
			display:inline-block;
			width:80px;
			height:30px;
			background:url('../images/logo.png') no-repeat center;
		}
	}
	.nav_container{
		float:left;
		margin:0 0 0 20px;
		li{
			float:left;
			margin:0 20px;
			&.icon_select{
				padding:0 20px 0 0;
				background:url('../images/icon-select.png') no-repeat center right;
				background-position:35px 5px;
				&:hover{
					background-position:35px -56px;
				}
			}
			.nav_title{
				color:#fff;
				font-size:16px;
			}
		}
	}
	.user_container{
		float:right;
		li{
			float:right;
			margin:0 0 0 60px;
			&.icon_select{
				padding:0 20px 0 0;
				background:url('../images/icon-select.png') no-repeat center right;
				background-position:35px 5px;
				&:hover{
					background-position:35px -56px;
				}
			}
			.nav_title{
				color:#fff;
				font-size:16px;
			}
			.icon-search{
				display: inline-block;
				width: 25px;
				height: 25px;
				background:url('../images/icon-search.png') no-repeat center;
			}
		}
	}
}
/*head end*/
/*footer start*/
.footer_container {
    color: #838383;
    font-size: 14px;
    background:#282828;
    .footer_content {
    	text-align: center;
        line-height: 26px;
        padding: 35px 0 45px;
        a {
	        color: #838383;
	        margin: 0 5px;
	        text-decoration: none;
	        &:hover {
		        color: #fff;
		        text-decoration: underline;
		    }
	    }
    }
}
/*footer end*/ 
